<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>览众教育</title>
    <link rel="stylesheet" href="./assets/css/reset.css" />
    <link rel="stylesheet" href="./assets/css/base.css" />
    <link rel="stylesheet" href="./assets/css/css/bootstrap-icons.css" />

    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="./assets/js/common.js"></script>
    <script src="./assets/js/request.js"></script>
  </head>
  <body>
    <div id="header"></div>
    <div id="subheader"></div>
    <div id="nav"></div>

    <div id="container"></div>

    <div id="footer"></div>
    <div id="subfooter"></div>
    <script>
      $('#header').load('./components/header/header.html')
      $('#subheader').load('./components/subheader/subheader.html')
      $('#nav').load('./components/nav/nav.html')
      $('#footer').load('./components/footer/footer.html')
      $('#subfooter').load('./components/subfooter/subfooter.html')

      const page = R.search('page') || 'home'
      console.log('page:', page)

      $('#container').load(`./pages/${page}/${page}.html`)
    </script>
  </body>
</html>
